﻿<script setup lang="ts" name="PageDevelopment">
import { transformI18n } from '@/plugins/i18n'
import development from '@/assets/development.gif'
const router = useRouter()
</script>

<template>
  <div class="exception-page vk-development-page">
    <img :src="development" />
    <p>{{ transformI18n('menus.' + router.currentRoute.value.meta?.title, router.currentRoute.value.meta?.i18n) }}{{ $t('text.textDevelopment') }}</p>
  </div>
</template>

<style lang="scss">
.vk-development-page {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  img{
    width: 220px;
  }

  p{
    margin-top: var(--el-space);
    color: var(--el-text-color-placeholder);
    font-size: var(--el-font-size-extra-large);
  }
}
</style>
